<!DOCTYPE html>
<html>
<head>
	<title>Simple JavaScript Tournament Poker Timer</title>
	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<link href="poker.css" rel="stylesheet" type="text/css">
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/util.js"></script>
	<script type="text/javascript" src="js/PokerRoom.js"></script>
	<script type="text/javascript" src="js/PokerGame.js"></script>
	<script type="text/javascript" src="js/poker.js"></script>
</head>
<body>
<div id="start">
	<h1>Poker Timer</h1>
	
	<div class="tabs">
		<div class="local">Recent Games</div>
		<div class="new-game">New Game</div>
		<div class="public">Public Games</div>
	</div>
	
	<div class="tab-content">
		<div class="local">
			<ul id="local_games" class="game_list"><li>No games in progress.</li></ul>
		</div>
		
		<div id="start_form" class="new-game">
			<div class="time">
				<label><input type="text" size="4" name="time" id="blind_time" value="10:00"> blinds</label>
			</div>
			<div class="games">
				<textarea class="game" id="games" name="games" rows="4" cols="20">Hold 'Em
	Omaha</textarea>
			</div>
			<div class="start">
				<button id="new_game">Start</button><br>
				<label>title: <input type="text" size="10" name="title" id="new_game_title" value="No Title"></label>
			</div>
			<hr>
			<div class="show-hide-advanced">
				<a href="#" id="show_advanced" class="no-advanced">Edit Blind Levels</a>
				<a href="#" id="hide_advanced" class="advanced">Hide Blind Levels</a>
			</div>
			<div class="advanced">
				<div class="blinds">
					<textarea class="blinds" id="blinds" name="blinds" rows="20" cols="20">25/50
25/50
50/100
75/150
100/200
150/300
200/400
300/600
400/800
500/1000
800/1600
1000/2000
1500/3000
2000/4000
3000/6000
4000/8000</textarea>
				</div>
			</div>
			<div class="restore">
				<a href="#" id="restore_defaults">Restore Defaults</a><br>
				<a href="#" id="restore_last">Restore From Last Game</a>
			</div>
		</div>
		<div class="public">
			<ul id="shared_games" class="game_list"><li>Checking for games...</li></ul>
		</div>
	</div>
	<div class="copyright">
		&copy; 2010 Stu Kabakoff
		<a href="http://bitbucket.org/sakabako/pokertimer" target="_blank">Find us on BitBucket</a><br>

	</div>
</div>
<div id="game">
	<div id="panels">
		<div class="top curtain">
		</div>
		<div class="bottom curtain">
		</div>
		<div id="hud">
			<div id="toolbar">
				<a href="#" class="break button" title="Pause"><span>Pause</span></a>
				<a href="#" class="advance button" title="Advance 30 seconds"><span>Advance 30 Seconds</span></a>
				<a href="#" class="goback button" title="Go back 30 seconds"><span>Go back 30 Second</span></a>
				<a href="#" class="sync button" title="Sync"><span>Sync</span></a>
				<a href="#" class="bell button" title="Toggle Bell"><span>Toggle Bell</span></a>
			</div>
			<div id="info">
				<div class="blinds"></div>
				<div><div class="games"></div></div>
				<div class="sync-state"></div>
				<div class="name"></div>
			</div>
			<div class="about">
				<a href="http://bitbucket.org/sakabako/pokertimer" target="_blank">Find us on BitBucket</a><br>
			</div>
		</div>
	</div>
	<div id="curtain"></div>
</div>
<audio id="bell" autobuffer="true">
	<source src="audio/Goblet_G_Medium.ogg" type="audio/ogg">
	<source src="audio/Goblet_G_Medium.mp3" type="audio/mp3">
	<source src="audio/Goblet_G_Medium.wav" type="audio/wav">
</audio>
<div id="templates">
	<div class="level">
		<div class="time"></div>
		<div class="game"></div>
		<div class="blinds"></div>
	</div>
	<li class="game">
		<div class="name"></div>
		<div class="state"></div>
	</li>
</div>

</body>
</html>